<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" th:replace="~{common/base :: layout(~{::title}, ~{::content}, ~{::style}, ~{::script})}">
<head>
    <title>页面不存在 - 优选商城</title>
    <style th:fragment="style"></style>
</head>
<body>
    <div th:fragment="content">
        <div class="container my-5">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="card border-warning">
                        <div class="card-header bg-warning text-dark">
                            <h4 class="mb-0"><i class="bi bi-exclamation-triangle me-2"></i>页面不存在</h4>
                        </div>
                        <div class="card-body text-center py-5">
                            <h1 class="display-1 fw-bold text-warning">404</h1>
                            <h3 class="text-warning mb-4" th:text="${error}">您访问的页面不存在</h3>
                            <p class="text-muted mb-4">可能是网址输入错误或者该页面已经被移除</p>
                            <div class="d-flex justify-content-center gap-3">
                                <a href="/" class="btn btn-primary">
                                    <i class="bi bi-house me-2"></i>返回首页
                                </a>
                                <a href="javascript:history.back();" class="btn btn-outline-secondary">
                                    <i class="bi bi-arrow-left me-2"></i>返回上一页
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script th:fragment="script"></script>
</body>
</html> 